<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>编辑商圈分类</title>
  <link rel="stylesheet" href="/static/layui/css/layui.css">
  <link rel="stylesheet" href="/static/admin/css/admin.css">
  <script src="/static/layui/layui.js"></script>
</head>
</body>
<div class="layui-container" style="margin-top: 30px;">
<form class="layui-form">
    <input type="hidden" name="id" value="{$row.id}">
    <div class="layui-form-item">
      <label class="layui-form-label">排序</label>
      <div class="layui-input-block">
        <input type="text" name="sort" value="{$row.sort}" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">分类名称</label>
        <div class="layui-input-block">
          <input type="text" name="name" value="{$row.name}" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
        </div>
      </div>
    <div class="layui-form-item">
      <label class="layui-form-label">分类图片</label>
      <div class="layui-input-block">
        <input type="hidden" name="icon" id="icon" value="{$row.icon}">
        <img src="{notempty name='$row.icon'}{$row.icon}{else/} /static/admin/img/upimg.png {/notempty}" class="layui-upimg" id="upload">
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">是否启用</label>
      <div class="layui-input-block">
        <input type="radio" name="status" value="1" {if condition='$row.status==1'} checked {/if} title="启用">
        <input type="radio" name="status" value="2" {if condition='$row.status==2'} checked {/if} title="禁用">
      </div>
    </div>
    <div class="layui-form-item">
      <div class="layui-input-block">
        <button class="layui-btn" lay-submit lay-filter="formEdit">立即提交</button>
        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
      </div>
    </div>
  </form>
</div>  
<script>
    //Demo
    layui.use(['form','upload'], function(){
      var $ = layui.jquery,form = layui.form,upload = layui.upload;

      form.render('select');

      upload.render({
          elem: "#upload",
          field: "image",
          url: "/store/upload",
          done: function(res){
              if(res.code==1){
                $('#upload').attr('src',res.src)
                $('#icon').val(res.src);
              }
          }
      });
      form.on('submit(formEdit)',function(data){
          $.post('/store/shops.category/modify',data.field,function(res){
                if(res.code ==1 ){
                  let index =  parent.layer.getFrameIndex(window.name);
                  parent.layer.close(index);
                  parent.$.pjax.reload('#main',{fragment: '#main'});
                }

                return layer.msg(res.msg,{icon:2});
          });

          return false;
      });
    });
    </script>
</body>
</html>